<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Ventas</title>
    </h:head>
    <h:body>
        <h:form>
            <p:panelGrid columns="2">
                <p:outputLabel value="Fecha" for="fecha" />
                <p:calendar id="fecha" pattern="dd/MM/yyyy" value="#{ventasController.ventasCabecera.fecha}" required="true" requiredMessage="Fecha requerida" showOn="button"/>

                <p:outputLabel value="Tipo de factura" for="codTipoFactura" />
                <p:selectOneMenu id="codTipoFactura" value="#{ventasController.ventasCabecera.codTipoFactura}" >
                    <f:selectItem itemLabel="Seleccione tipo de factura..."/>
                    <f:selectItems value="#{tiposFacturasController.items}"
                                   var="codTipoFacturaItem"
                                   itemValue="#{codTipoFacturaItem}"
                                   itemLabel="#{codTipoFacturaItem.descripcion.toString()}"
                                   />
                    <f:converter binding="#{tiposFacturasConverter}"/>
                </p:selectOneMenu>

                <p:outputLabel value="Cliente" for="codCliente" />
                <p:selectOneMenu id="codCliente" value="#{ventasController.ventasCabecera.codCliente}" >
                    <f:selectItem itemLabel="Seleccione un cliente..."/>
                    <f:selectItems value="#{clientesController.items}"
                                   var="codClienteItem"
                                   itemValue="#{codClienteItem}"
                                   itemLabel="#{codClienteItem.descripcion.toString()}"
                                   />
                    <f:converter binding="#{clientesConverter}"/>
                </p:selectOneMenu>
                
                    <p:outputLabel value="Artículo"/>
                    <p:selectOneMenu id="codArticulo" value="#{ventasController.detalleVenta.articulo}" >
                        <f:selectItem itemLabel="Seleccione un artículo..."/>
                        <f:selectItems value="#{articulosController.items}"
                                       var="codArticuloItem"
                                       itemValue="#{codArticuloItem}"
                                       itemLabel="#{codArticuloItem.descripcion.toString()}"
                                       />
                        <f:converter binding="#{articulosConverter}"/>
                    </p:selectOneMenu>

                    <p:outputLabel value="Cantidad"/>
                    <p:inputText value="#{ventasController.detalleVenta.cantidad}" id="cantidad"/>
                    <p:outputLabel value="Precio"/>
                    <p:inputText value="#{ventasController.detalleVenta.precio}" id="precio"/>
                    <p:outputLabel value="Agregar a la lista"/>
                    <p:commandButton value=">>" actionListener="#{ventasController.agregarDetalleVenta()}" update="datalist" ajax="false"/>
                 
            </p:panelGrid>
            <p:panel header="Detalle de ventas">

                <p:dataTable id="datalist" value="#{ventasController.listaDetalle}" var="item"
                             selectionMode="single" selection="#{ventasDetalleController.selected}"
                             rowKey="#{item.nroLinea}"
                             paginator="true"
                             rows="10"
                             rowsPerPageTemplate="10,20,30"
                             >
                    <p:column sortBy="#{item.nroLinea}" filterBy="#{item.nroLinea}">
                        <f:facet name="header">
                            <h:outputText value="Item"/>
                        </f:facet>
                        <h:outputText value="#{item.nroLinea}"/>
                    </p:column>
                    <p:column sortBy="#{item.articulo.descripcion}" filterBy="#{item.articulo.descripcion}">
                        <f:facet name="header">
                            <h:outputText value="Artículo"/>
                        </f:facet>
                        <h:outputText value="#{item.articulo.descripcion}"/>
                    </p:column>
                    <p:column sortBy="#{item.cantidad}" filterBy="#{item.cantidad}">
                        <f:facet name="header">
                            <h:outputText value="Cantidad"/>
                        </f:facet>
                        <h:outputText value="#{item.cantidad}"/>
                    </p:column>
                    <p:column sortBy="#{item.precio}" filterBy="#{item.precio}">
                        <f:facet name="header">
                            <h:outputText value="Precio"/>
                        </f:facet>
                        <h:outputText value="#{item.precio}"/>
                    </p:column>
                   
                    <f:facet name="footer">
                        <p:commandButton id="createButton" icon="ui-icon-plus"   value="Guardar" actionListener="#{ventasController.insertar()}"/>
                    </f:facet>

                </p:dataTable>

            </p:panel>
        </h:form>
    </h:body>
</html>

